<p></p>
<div class="content"> 
<div class="large-9 large-centered medium-10 columns">  
<form  method="post" data-abide enctype="multipart/form-data"> 
            <fieldset>             
                <legend>Реєстрація ріелтора:</legend> 
                <p></p>
                <div class="large-10 large-centered medium-10 columns ">
                <label>ПІБ <input type="text"  name="initials" required pattern=""> </label> 
                <small class="error">Ви українець</small>
                </div>              
                    <div class="large-10 large-centered medium-10 columns ">
                <label>Логін <input type="text"  name="login" required pattern=""> </label> </div>
                    <div class="large-10 large-centered medium-10 columns ">
                <label>Пароль <input type="password" id="password" name="password" required data-min="password" pattern="[a-zA-Z0-9.,!#$%&'*+\/=?^_`{|}~-]{5,13}$"> </label> 
                <small class="error">Поганий пароль, доречі довжина пароля не менше 5 символів</small> </div>
                    
                    <div class="large-10 large-centered medium-10 columns ">
                <label>Повторення пароля <input type="password"  name="password" required data-equalto="password"> </label> 
                <small class="error">Паролі не співпадають</small></div>
                   
                <div class="large-10 large-centered medium-10 columns ">
                   
                <label>Email <input type="email" required  name="email"> </label> 
                <small class="error">Недійсний email</small>
                </div> 
                 
                <div class="large-10 large-centered medium-10 columns ">
                <label>Контактний телефон <input type="text"  name="phone" required pattern="[-+]?[1-9]\d*">
                    </label> 
                <small class="error">це не номер телефону</small></div>
               
                <div class="large-10 large-centered medium-10 columns ">
                    <label> Додайте фото документа, що підтвердить ваше ріелторство
                <input type="file" name="document1"> </label>
                </div>
                <div class="row">
                <div class="large-10 large-centered medium-10 columns">
                  
                <div class="large-8  medium-8 columns"><label> Введіть код з картинки<input name="captcha" type="text" /> </label></div>
                <div class="large-4  medium-4 columns"> <label><?php echo $captcha; ?></label></div>
                </div>
                </div>
 <div class="large-10 large-centered medium-10 columns">    
                <input id="checkbox1" type="checkbox" required="" data-invalid=""><label for="checkbox1">Погодження з правилами користувача <a   href="#" data-reveal-id="modalRule"> Читати "Правила"</a></label>
                    <small class="error">Ви повинні погодитись з правилами</small> 
                    <div id="modalRule" class="reveal-modal" data-reveal>
  <h2>Правила користувача</h2>
  <p class="lead">Загальні правила</p>
   
<li>1. Ці Правила визначають порядок користування сайтом sale-flat для зареєстрованих користувачів.</li>

<li>2. Правила не відміняють і не обмежують дію чинного законодавства України.</li>

<li>3. Користувачами вважаються всі зареєстровані користувачі сайту, в тому числі модератори та адміністратори.</li>

<li>4. При реєстрації на сайті та публікації в рубриках сайту користувач приймає на себе зазначені в Правилах права та обов'язки. У випадку незгоди з цими Правилами користувач зобов'язаний негайно припинити реєстрацію та публікації в рубриках сайту sale-flat.</li>

<li>5. Дані Правила вводяться для створення комфортної і конструктивної атмосфери спілкування користувачів та використання сайту sale-flat. Якщо Вас не влаштовує встановлена форма спілкування, утримайтеся від реєстрації та публікації в рубриках сайту sale-flat.</li>                  
  <a class="close-reveal-modal">&#215;</a>
</div>
                </div>                
                    <div class="large-offset-1 large-6 medium-6 columns left">
                    <button type="submit" name="add">Зареєструватися</button>
                        </div>             
            </fieldset> 
          </form>  
    </div>
    </div>
<script src="public/js/foundation/foundation.js"></script>
<script src="public/js/foundation/foundation.abide.js"></script>
<script>
$(document).foundation();
</script>